<%@ include file="../common/top.jsp"%>

<div id="Catalog">
  <form action="editAccount" method="post" accept-charset="UTF-8">
    <h3>User Information</h3>
    <c:if test="${requestScope.Msg!=null}">
      <font color="red" size="10px">${requestScope.Msg}</font>
    </c:if>
    <table>
      <tr>
        <td>User ID:</td>
        <td><input type="text" name="USERNAME" value="${sessionScope.loginAccount.username}" contenteditable="false" id="USERID1"></td>
      </tr>
      <div id="IdMsg">

      </div>
      <tr>
        <td>New password:</td>
        <td><input type="text" name="PASSWORD"/></td>
      </tr>
      <tr>
        <td>Repeat password:</td>
        <td><input type="text" name="CONFIRM"/></td>
      </tr>
    </table>
    <h3 align="center">ACCOUNT INFORMATION</h3>
    <table align="center">
      <tbody>
      <tr>
        <td>FIRST NAME:</td><td><input type="text" name="FIRSTNAME" id="FIRSTNAME" value="${sessionScope.loginAccount.firstName}"/></td>
      </tr>
      <tr>
        <td>LAST NAME:</td><td><input type="text" name="LASTNAME" id="LASTNAME" value="${sessionScope.loginAccount.lastName}"/></td>
      </tr>
      <tr>
        <td>EMAIL:</td><td><input type="text" name="EMAIL" id="EMAIL" value="${sessionScope.loginAccount.email}"/></td>
      </tr>
      <tr>
        <td>PHONE:</td><td><input type="text" name="PHONE" id="PHONE" value="${sessionScope.loginAccount.phone}"/></td>
      </tr>
      <tr>
        <td>ADDRESS 1:</td><td><input type="text" name="ADDRESS1" value="${sessionScope.loginAccount.address1}"/></td>
      </tr>
      <tr>
        <td>ADDRESS 2:</td><td><input type="text" name="ADDRESS2" value="${sessionScope.loginAccount.address2}"/></td>
      </tr>
      <tr>
        <td>CITY:</td><td><input type="text" name="CITY" value="${sessionScope.loginAccount.city}"/></td>
      </tr>
      <tr>
        <td>STATE:</td><td><input type="text" name="STATE" value="${sessionScope.loginAccount.state}"/></td>
      </tr>
      <tr>
        <td>ZIP:</td><td><input type="text" name="ZIP" value="${sessionScope.loginAccount.zip}"/></td>
      </tr>
      <tr>
        <td>COUNTRY:</td><td><input type="text" name="COUNTRY" value="${sessionScope.loginAccount.country}"/></td>
      </tr>
      </tbody>
    </table>
    <h3 align="center">PREFERENCE INFORMATION</h3>
    <table align="center">
      <tbody>
      <tr>
        <td>LANGUAGE:</td>
        <td>
          <select name="LANGUAGE" >
            <option value="ENGLISH">ENGLISH</option>
            <option value="CHINESE">CHINESE</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>PET PREFERENCE:</td>
        <td>
          <select name="PET" >
            <option value="DOGS">DOGS</option>
            <option value="FISH">FISH</option>
            <option value="CATS">CATS</option>
            <option value="REPTILES">REPTILES</option>
            <option value="BIRDS">BIRDS</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>ENABLE MYLIST:</td>
        <td>
          <input type="checkbox" name="LISTOPTION" value="${sessionScope.loginAccount.listOption}" />
        </td>
      </tr>
      <tr>
        <td>ENABLE MYBANNER:</td>
        <td>
          <input type="checkbox" name="BANNEROPTION" value="${sessionScope.loginAccount.bannerOption}"/>
        </td>
      </tr>
      </tbody>
    </table>
    <input type="submit" value="Save Account Information" style="width: 30ex" class="user-form-submit">
  </form>

<a href="listOrders">My Orders</a>

<script src="js/register.js"></script>
<%@ include file="../common/bottom.jsp"%>